<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<ui:composition template="/WEB-INF/templates/BasicTemplate.xhtml">

	<ui:define name="content">
	<c:set target="#{userBean}" property="action" value="ADD_GAME"/>
	    <div id="addGame">
		    <h:form id="gameForm" rendered="#{userBean.permissions}">
		    	<h:panelGrid columns="3">
		    	
		    		<h:outputLabel for="teamA: " value="Team A:"/>
		    		<h:inputText id="teamA" value="#{gameBean.teamA}" required="true" requiredMessage="Please insert team A"/>	
		    		<h:message for="teamA" style="background-color:red;"/>
		    		
		    		
		    		<h:outputLabel for="teamB" value="Team B"/>
		    		<h:inputText id="teamB" value="#{gameBean.teamB}" required="true" requiredMessage="Please insert team B"/>
		    		<h:message for="teamA" style="background-color:red;"/>
		    				    	
		    	</h:panelGrid>	
		    	<h:panelGrid columns="6">
		    	
		    		<h:outputLabel value="Data:"/>
					<h:selectOneMenu value="#{gameBean.year}">
		    			<f:selectItems value="#{gameBean.years}"/>
		    		</h:selectOneMenu>
		    		<h:selectOneMenu value="#{gameBean.month}">
		    			<f:selectItems value="#{gameBean.months}"/>
		    		</h:selectOneMenu>
		    		<h:selectOneMenu value="#{gameBean.day}">
		    			<f:selectItems value="#{gameBean.days}"/>
		    		</h:selectOneMenu>
		    		
		    				    	
		    	</h:panelGrid>	
		    	<h:panelGrid columns="6">
		    	
		    		<h:outputLabel value="Time:"/>
					<h:selectOneMenu value="#{gameBean.hour}">
		    			<f:selectItems value="#{gameBean.hours}"/>
		    		</h:selectOneMenu>
		    		<h:selectOneMenu value="#{gameBean.minute}">
		    			<f:selectItems value="#{gameBean.minutes}"/>
		    		</h:selectOneMenu>
		    				    				    	
		    	</h:panelGrid>
		    		
		    		<h:selectOneMenu value="#{gameBean.stadium}">
		    			Stadium: <f:selectItems value="#{gameBean.stadiums}"/>
		    		</h:selectOneMenu>
		    		<br/>
		    		<h:selectOneMenu value="#{gameBean.city}">
		    			City: <f:selectItems value="#{gameBean.cities}"/>
		    		</h:selectOneMenu>
		    		<br/>
		    		<h:commandButton id = "next" action="#{gameBean.next}" value="Next"/>
		    		<h:message for= "next" style="background-color:red;"/>
		    	
		    	
		    </h:form>
		    <h:outputLabel value="You don't have permissions to this page" rendered="#{!userBean.permissions}"/>
		    
	    </div>
	</ui:define>
</ui:composition>
</html>